<a class="menu-toggler" id="menu-toggler" href="#"><span class="menu-text"></span></a>

<div class="sidebar" id="sidebar">
	<ul class="nav nav-list">
		<li>
			<a href="index.html">
				<i class="icon-dashboard"></i>
				<span class="menu-text"> Dashboard </span>
			</a>
		</li>

		<li>
			<a href="typography.html">
				<i class="icon-text-width"></i>
				<span class="menu-text"> Typography </span>
			</a>
		</li>

		<li>
			<a href="#" class="dropdown-toggle">
				<i class="icon-desktop"></i>
				<span class="menu-text"> UI Elements </span>

				<b class="arrow icon-angle-down"></b>
			</a>

			<ul class="submenu">
				<li>
					<a href="elements.html">
						<i class="icon-double-angle-right"></i>
						Elements
					</a>
				</li>

				<li>
					<a href="buttons.html">
						<i class="icon-double-angle-right"></i>
						Buttons &amp; Icons
					</a>
				</li>

				<li>
					<a href="treeview.html">
						<i class="icon-double-angle-right"></i>
						Treeview
					</a>
				</li>

				<li>
					<a href="#" class="dropdown-toggle">
						<i class="icon-double-angle-right"></i>

						Three Level Menu
						<b class="arrow icon-angle-down"></b>
					</a>

					<ul class="submenu">
						<li>
							<a href="#">
								<i class="icon-leaf"></i>
								Item #1
							</a>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-pencil"></i>

								4th level
								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="#">
										<i class="icon-plus"></i>
										Add Product
									</a>
								</li>

								<li>
									<a href="#">
										<i class="icon-eye-open"></i>
										View Products
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>
			</ul>
		</li>

		<li class="active">
			<a href="tables.html">
				<i class="icon-list"></i>
				<span class="menu-text"> Tables </span>
			</a>
		</li>

		<li>
			<a href="#" class="dropdown-toggle">
				<i class="icon-edit"></i>
				<span class="menu-text"> Forms </span>

				<b class="arrow icon-angle-down"></b>
			</a>

			<ul class="submenu">
				<li>
					<a href="form-elements.html">
						<i class="icon-double-angle-right"></i>
						Form Elements
					</a>
				</li>

				<li>
					<a href="form-wizard.html">
						<i class="icon-double-angle-right"></i>
						Wizard &amp; Validation
					</a>
				</li>

				<li>
					<a href="wysiwyg.html">
						<i class="icon-double-angle-right"></i>
						Wysiwyg &amp; Markdown
					</a>
				</li>
			</ul>
		</li>

		<li>
			<a href="widgets.html">
				<i class="icon-list-alt"></i>
				<span class="menu-text"> Widgets </span>
			</a>
		</li>

		<li>
			<a href="calendar.html">
				<i class="icon-calendar"></i>

				<span class="menu-text">
					Calendar
					<span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
						<i class="icon-warning-sign red bigger-130"></i>
					</span>
				</span>
			</a>
		</li>

		<li>
			<a href="gallery.html">
				<i class="icon-picture"></i>
				<span class="menu-text"> Gallery </span>
			</a>
		</li>

		<li>
			<a href="#" class="dropdown-toggle">
				<i class="icon-tag"></i>
				<span class="menu-text"> More Pages </span>

				<b class="arrow icon-angle-down"></b>
			</a>

			<ul class="submenu">
				<li>
					<a href="profile.html">
						<i class="icon-double-angle-right"></i>
						User Profile
					</a>
				</li>

				<li>
					<a href="pricing.html">
						<i class="icon-double-angle-right"></i>
						Pricing Tables
					</a>
				</li>

				<li>
					<a href="invoice.html">
						<i class="icon-double-angle-right"></i>
						Invoice
					</a>
				</li>

				<li>
					<a href="login.html">
						<i class="icon-double-angle-right"></i>
						Login &amp; Register
					</a>
				</li>
			</ul>
		</li>

		<li>
			<a href="#" class="dropdown-toggle">
				<i class="icon-file-alt"></i>

				<span class="menu-text">
					Other Pages
					<span class="badge badge-primary ">4</span>
				</span>

				<b class="arrow icon-angle-down"></b>
			</a>

			<ul class="submenu">
				<li>
					<a href="error-404.html">
						<i class="icon-double-angle-right"></i>
						Error 404
					</a>
				</li>

				<li>
					<a href="error-500.html">
						<i class="icon-double-angle-right"></i>
						Error 500
					</a>
				</li>

				<li>
					<a href="grid.html">
						<i class="icon-double-angle-right"></i>
						Grid
					</a>
				</li>

				<li>
					<a href="blank.html">
						<i class="icon-double-angle-right"></i>
						Blank Page
					</a>
				</li>
			</ul>
		</li>
	</ul><!--/.nav-list-->

	<div class="sidebar-collapse" id="sidebar-collapse">
		<i class="icon-double-angle-left"></i>
	</div>
</div>